@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
adderss,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}
body,select,input,button,textarea{ font-family:"Microsoft Yahei";color:#333; font-size:13px;}
html{ min-height:100%;}
body{background:#fff;}
a{ text-decoration:none; color:#333}
*{-webkit-box-sizing: border-box;box-sizing: border-box;}
p,span{word-wrap:break-word;word-break:break-all;}
.hide{display:none;}
.personal_data span>img{ -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;border-radius:50%;}

.btn,.ipt,.lnk_code,.match li,.lnk_style,.ipt_search,.lnk_search,.popup,.ipt .code_img img{ -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;border-radius:5px;}
.btn{ background:#ee4040; line-height:40px;font-size:16px; text-align:center; color:#fff; width:100%;border:0;}
.ipt{ background:#ededed;display:inline-block; line-height:44px;font-size:14px; text-align:center; color:#858484; width:100%; border:1px solid #ccc; text-align:left; position:relative}
.ipt .tit{display:inline-block;width:26%;padding-left:3%;font-size:13px;float:left;}
.ipt input{float:left;display:inline-block;border:0;line-height:44px;min-height:44px;width:70%; background:none;color:#2a2828;font-size:14px;}
.ipt input:focus{border:0; outline:none}
.ipt_code input,.ipt_code2 input{width:25%;}
.login .ipt input{font-size:14px;}
.ipt .code_img{float:right;vertical-align:top;display:inline-block;margin:4px;}
.ipt .code_img img{float:left; vertical-align:middle;display:inline-block;width:100px;height:36px;}
.ipt .error{ position:absolute;right:5px; background:#ededed;}
.ipt .error,.error{color:#ee4040;font-size:12px;}
.ipt .lnk_code{float:right;display:inline-block;color:#fff;font-size:12px;width:100px; background:#ee4040;line-height:36px;padding:0 5px;margin:4px;}
.lnk_style,.lnk_search{display:inline-block;color:#fff;font-size:12px; background:#ee4040;line-height:30px;padding:0 10px;}
.ipt_search{ display:inline-block;background:#ededed;border:1px solid #ccc;color:#666;font-size:14px;padding:0 10px} 
.ipt_search input{display:inline-block;border:0;line-height:30px;min-height:30px;width:100%; background:none;color:#2a2828;font-size:14px; vertical-align:middle}
.ipt_search input:focus{border:0; outline:none}

header{ line-height:45px; position:fixed; top:0; left:0; width:100%;z-index: 99; background:#ee4040;}
header h1{text-align:center; color: #fff; font-size:18px; margin: 0 30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
header .back{ position:absolute; cursor:pointer; left:15px; background:url(../images/back.png) no-repeat left; background-size:12px; width:12px; height:20px; text-indent: -9999px; top: 50%; margin-top: -10px;}
header .lnk{position:absolute; cursor:pointer; right:15px; top:0; color:#fff;font-size:15px; }
footer{border-top:1px solid #ccc;color:#666;font-size:15px;position:fixed; bottom:0; left:0;line-height:1.2;  width:100%;z-index:100; background:#fff;}
footer a{display:inline-block;width:32%;height:55px;padding:30px 0 10px; text-align:center; position:relative;}
footer a.active{color:#ee4040}
footer a .u-icon{ position:absolute;top:8px;left:50%;margin-left:-10px}
.u-icon,a.active .u-icon,.num li{ background-image: url(../images/nav-icon.png);font-size:0;-webkit-background-size:100%; background-size:100%;width:20px;height:20px;display:inline-block;}
.i1{ background-position:0 0}
a.active .i1{ background-position:0 -22px}
.i2{ background-position:0 -44px}
a.active .i2{ background-position:0 -66px}
.i3{ background-position:0 -88px}
a.active .i3{ background-position:0 -110px}

.content{padding:60px 15px 45px;margin:0 auto;}
.frm_list li{margin-bottom:10px;}
.lnks{font-size:13px;overflow:hidden;line-height:44px;color:#858484;}
.lnks .lnk_fpw{color:#ee4040;float:left;}
.lnks .lnk_reg{color:#1467e2;float:right;}
.lnk_agree{color:#1467e2;}
.match{overflow:hidden;padding:45px 0px 45px;overflow:hidden;}
.match ul{width:100%}
/*.match li{float:left;border:1px solid #e43a3a; background:#fff;width:46%;margin:0 3% 15px 0; height:200px;overflow:hidden;text-align:center;font-size:16px;cursor: pointer;}
.match .date{background:url(../images/date.png) no-repeat 0 0; background-size:100%; margin:15px auto; width:127px; height:23px; text-align:center;color:#3a3a3a;font-size:16px;font-weight:bold}
.match h2{color:#ee4040;margin-bottom:15px;text-overflow:ellipsis;max-height:42px;overflow:hidden;word-wrap:break-word;word-break:break-all;}
.match h2 a{color:#ee4040;}
.match .detail{color:#6c6b6b;margin-bottom:15px;font-size:14px;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;height:40px;overflow:hidden;}
.match .date2{color:#b0b0b0;font-size:12px;margin-bottom:15px;text-overflow:ellipsis;}
*/
.match_list2 {padding-top:10px;}
.match_list2 li{overflow:hidden;padding:0 10px;margin-bottom:15px; height:105px;position:relative;border-bottom:1px solid #c1c1c1; text-align:left}
.match_list2 .img{width:120px;height:85px;line-height:85px; position: absolute;top:0px ;left:10px; text-align:center;}
.match_list2 .img img{width:120px; height:85px;display:inline-block; vertical-align:middle}
.match_list2 dl{margin-left:130px;float:left;}
.match_list2 dt{font-weight:bold;font-size:14px;color:#ee4040;max-height:37px;overflow:hidden;}
.match_list2 dd{font-size:12px;height:100px;overflow:hidden;color:#616161;margin:3px 0;line-height:20px; }

.mymatch,.myteam{padding:45px 0; background:#f5f5f9;font-size:14px;}
.personal_data{height:94px;background:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:10px; position:relative}
.personal_data span{float:left;display:inline-block;margin:16px 15px 0 25px;}
.personal_data span>img{ width:60px; height:60px;}
.personal_data h2{ font-size:16px; padding:35px 60px 0;text-overflow:ellipsis;}
.personal_data .logout{ position:absolute; cursor:pointer; right:15px; height:20px;top:37px;color:#ee4040;}
.match_list{width:100%;}
.match_list li{ background:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px 0;margin-bottom:10px;font-size:14px;}
.match_list p{line-height:36px;min-height:36px;position:relative;overflow:hidden;}
.match_list .tit{display:inline-block; position:absolute;left:15px;top:0;color:#2a2828;}
.match_list .txt{float:right;display:inline-block;width:60%;text-align:right;margin-right:15px;color:#666;}
.match_list a{color:#ee4040}

.team_data{height:110px;background:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:10px; font-size:14px; position:relative}
.team_data span{position:absolute;left:15px;top:50%;display:inline-block;margin-top:-38px}
.team_data span>img{ width:118px; height:76px;border:1px solid #aeaeae}
.team_data h2{ padding:15px 0 3px 150px;text-overflow:ellipsis;color:#2a2828;font-size:15px;}
.team_data p{color:#666;padding:0 0 5px 150px;font-size:12px;}
.team_data .lnk_style{ margin:5px 0 0 150px;line-height:28px;}
.team_member{background:#fff;border-top:1px solid #ccc;padding:15px;font-size:14px;}
.team_member h3{border-bottom:1px solid #ccc;padding-bottom:15px;color:#2a2828;}
.team_member .list{overflow:hidden;padding-top:15px;}
.team_member .list li{float:left;color:#666;width:40%;margin:0 5%; text-align:left;line-height:36px;height:36px;overflow:hidden;}

.team,.signup{padding:45px 0; background:#fff;font-size:14px;}
.team_search{height:69px;background:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:16px 98px 16px 15px;font-size:14px; position:relative}
.team_search .lnk_search{ position:absolute;right:15px;top:16px;}
.team_search .ipt_search{width:100%}

.team_list,.team_list2,.team_manage,.team_member{ background:#fff;min-height:500px}
.team_list h2{overflow:hidden;line-height:44px;border-bottom:1px solid #ccc;padding:0 98px 0 0;color:#2a2828;margin-bottom:10px;}
.team_list ul,.team_list2 ul{}
.team_list li{color:#666;padding:3px 98px 3px 0;line-height:36px;overflow:hidden; position:relative}
.team_list span{display:inline-block;width:50%; text-align:center;}
.team_list .lnk_style{ position:absolute;right:15px;top:5px;display:none;}
.team_list .active .lnk_style{display:inline-block;}

.team_list2 li{color:#666;padding:5px 15px;line-height:36px;overflow:hidden; position:relative}
.team_list2 span{display:inline-block;width:50%;text-align:center;}
.team_list2 .lnk_style{margin:0 5px;padding:0 15px;}
.team_list2 .t1{ text-align:left}
.team_list2 .t2{ text-align:right}
.team_tag{overflow:hidden;line-height:44px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#2a2828;}
.team_tag a{display:inline-block;width:50%; text-align:center}
.team_tag a.active{color:#ee4040}

.member_list{padding:15px ; text-align:center}
.member_list li{color:#666;padding:5px ;line-height:36px;overflow:hidden; position:relative}
.member_list .lnk_style{margin-left:15px;}
.match_detail{font-size:14px;color:#858484;line-height:24px;padding-bottom:85px}
.match_detail .info{margin-bottom:25px;line-height:2;color:#858484; text-align:justify}

.match_detail img{max-width:100%;}
.btns_signup{ background:#fff;width:100%;padding:10px 0; position: fixed; bottom:55px;left:4%;}
.btns_signup .btn{width:92%;}

.frm_set h2{padding:5px;border-bottom:1px solid #ccc; text-align:center;color:#2a2828;font-size:14px;padding:15px 0}
.frm_set .frm,.frm_set .frm2{padding:15px;}
.frm_set li{padding:0px 1px 0px 30%;margin-bottom:10px;line-height:32px; position:relative}
.frm_set .tit{display:inline-block;width:25%; position:absolute;left:0; text-align:right;color:#858484;}
.frm_set .ipt{line-height:35px;}
.frm_set .ipt input{margin-left:10px;width:95%;line-height:35px;min-height:35px;}
.frm_set .frm2 li{padding:0px 10px 0px 40%;}
.frm_set .frm2 .tit{display:inline-block;width:35%; }
.frm_set .lnk_style{margin:5px 0;padding:0 30px}
.frm_set .error{color:#ee4040;}
.chk_box{margin-right:5%;min-width:50px;line-height:20px;}
.chk_box input,.chk_box label{ vertical-align:middle;color:#2a2828;font-size:14px}
.chk_box input{margin-right:2px;width:15px;height:15px;}
.signup .btns{margin:0 15px 25px;}
.signok{ text-align:center;font-size:15px;padding:25px 0}
.signok .img{margin-bottom:20px;}
.signok h3{color:#2a2828;margin-bottom:5px;}
.signok .lnks a{color:#ee4040}
.signok .lnks em{margin:0 5px;}

.mask_div{display:;background:#000;opacity: 0.5;filter:alpha(opacity=50);height:100%;width:100%;left:0;top:0; position: fixed;z-index:101;display: none;}
.popup{ position:fixed;border:1px solid #ccc; background:#fff;width:90%;top:30%;left:50%;margin-left:-45% ;font-size:14px;color:#666;z-index:103;display: none;}
.pop_tit{padding:10px;border-bottom:1px solid #ccc;color:#666;font-size:15px;padding:15px; position:relative}
.pop_tit .lnk_close{ position:absolute;right:15px;top:15px;color: #ee4040;}
.pop_inner{min-height:50px;padding:15px;min-height:150px;}
.pop_inner strong{color:#ee4040;font-weight:normal;line-height:24px;}
.pop_widget{text-align:center;padding:8px 0;border-top:1px solid #ccc}
.pop_widget .lnk_style{width:25%; text-align:center; margin:0 3%}

.pop_member h2{padding:5px;border-bottom:1px solid #ccc; text-align:center;color:#666;font-size:15px;padding:15px 0}
.nick_mod{ text-align:center;margin:3% 10%}
.nick_mod .txt{margin-bottom:5%;font-size:14px;}
.nick_mod .ipt input{width:96%;margin:0 2%;}
.nick_mod .error{margin-top:3%; text-align:left;}
.pop_select{padding:15px 0;color:#2a2828;font-size:14px;}
.pop_select h2{padding:5px;border-bottom:1px solid #ccc; text-align:center;color:#666;font-size:15px;padding-bottom:15px;}
.select_list{margin:15px;overflow:auto;max-height:200px;}
.select_list .chk_box{float:left;display:inline-block;width:40%;margin:3% 0 2% 6%}
.select_list .chk_box label{margin-left:5px;}

.pop_date{max-height:260px;padding:3% 10%;overflow:auto;}
.pop_date li{line-height:1.8;color:#333;border:0;padding-left:110px;}
.pop_date a{font-size:12px;color:#333}
.pop_date a:hover{ color:#ff4e4e;}
.pop_date .date{width:120px;display:inline-block;margin-left:-130px;float:left;color:#000}
.pop_date .addr{word-wrap:break-word;word-break:break-all;}


.FAQ{padding-top:0}
.faq_con{padding:0 }
.faq_con dt{font-weight:bold;margin-bottom:15px;padding-left:18px;color:#333}
.faq_con dd{margin-bottom:15px;color:#333; text-align:justify}
.faq_con dt .num{display:inline-block;width:18px;float:left;margin-left:-18px;}
.faq_con h2{margin-bottom:15px;font-size:14px;border-bottom:1px solid #e2e2d2;padding:10px;color:#333}
.faq_con dl{margin:0 0 0 10px;}
.faq_c{padding:90px 0 0;line-height:1.8}

.faq_data{border-bottom:1px solid #ccc;color:#666;font-size:14px;line-height:45px;height:45px; position:fixed; top:45px; left:0; width:100%;z-index:100; background:#fff;overflow:hidden;}
.faq_data a{float:left;display:inline-block;width:25%; text-align:center;margin:0;font-size:14px;}
.faq_data a:hover{ color:#ff4e4e;}

.error_page{ background:#223c61;width:100%;height:100%;top:0;left:0; position:absolute}
.error_page img{float:left;width:100%}

/* banner */
.slide-banner { width:100%; margin:0px auto; position: relative; overflow:hidden;zoom:1;  }
.slide-banner img{width:100%}
.slide-banner ul{width:100%;}
.slide-banner ul li{width:100%;}
.slide-banner ul li a{width:100%;}
.slide-banner .num { overflow:hidden;width:100%;position: absolute;bottom:0; left:0; zoom:1; z-index:3; text-align:center }
.slide-banner .num li {display:inline-block;cursor:pointer;width:20px;height:20px; margin:0 2% 2%; background:url(../images/dot-icon.png) no-repeat 0 top;background-size:100%;font-size:0;overflow:hidden}
.slide-banner .num li.on { background-position:0 bottom;} 

.slide-banner .prev,
.slide-banner .next { display: none; }


.preloader,.loading{ text-align:center}
.loadingIcon,.pullUpIcon{margin-right:5px; background:url(../images/pull-icon.png) no-repeat 0 bottom; background-size:100%;width:20px;height:20px;display:inline-block; vertical-align:middle}
.pullUpIcon{ background-position:0 0;margin-right:0px;}
.loading_b{ position:fixed;width:100%;height:100%;top:0;z-index:1000; text-align:center; background:#fff}
.loading_b .load{margin:0; position:absolute;left:50%;top:50%;margin-top:-150px;}
.loading_b .loadLabel{width:60px; text-align:center; position:absolute;left:50%;top:50%;margin-left:-25px;margin-top:40px;font-size:14px;}



@media screen and (min-device-width: 801px) {
	.slide-banner .num li {width:20px;height:20px;}
}

@media screen and (min-device-width: 401px) and (max-device-width: 800px) {
	.slide-banner .num li{width:16px;height:16px;}
}

@media screen and (min-device-width: 0px) and (max-device-width: 400px) {
	.slide-banner .num li{width:12px;height:12px;}
}